<!-- xxx3 -->
<template>
  <div id="xxx3">
    <!-- 子菜单 -->
    <SideMenuBtnGroup :menuLists="menuList" :menuNameTitle="menuNameTitle" @changeColorFlog="changeColorFlog"></SideMenuBtnGroup>
  </div>
</template>

<script>
import SideMenuBtnGroup from '../parts/SideMenuBtnGroup'
export default {
  name: 'xxx3',
  el: '#xxx3',
  components: {
    'SideMenuBtnGroup': SideMenuBtnGroup
  },
  data () {
    return {
      menuNameTitle: 'xxx功能管理3',
      menuList: [
        { menuPath: '/homes', menuName: '信息管理3', colorFlag: true },
        { menuPath: '/homes', menuName: '信息管理3', colorFlag: false },
        { menuPath: '/homes', menuName: '信息管理3', colorFlag: false },
        { menuPath: '/homes', menuName: '信息管理3', colorFlag: false }
      ]
    }
  },
  computed: {
  },
  methods: {
    changeColorFlog (i) {
      for (let j in this.menuList) {
        this.$set(this.menuList[j], 'colorFlag', false)
      }
      this.$set(this.menuList[i], 'colorFlag', true)
    }
  }
}
</script>

<style scoped>
  /*@import '../../../static/css/Parks.css';*/
  #xxx3 {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #761e35;
  }
</style>
